<template>
	<view style="background-color: #eeeeee;" v-if="loading">
		<view style="height: 5px;"></view>
		<view class="cardBox" style="margin-top: 0rpx;" v-if="loading">
			<!--订单号-->
			<view class="flex" style="margin-top: 10rpx;">
				<view class="biao">
					<span class="biao_span">|</span>
					<text style="font-size: 24rpx;">{{text.order_no}} : <text
							style="font-weight: 500;margin-left: 5rpx;"> {{orderDetail.orderInfo.order_no}}</text>
					</text>
				</view>
				
				<view class="order_status" :class="lang=='ru'?'ru_text':''" style="font-size: 24rpx;">{{$t(orderDetail.order_status)}}</view>
			
			</view>
			<!--关联子订单-->
			<sonOrder v-if="loading" :list="rlated_orders||[]" :order="orderDetail"></sonOrder>
			<!--合作伙伴-->
			<cooperation v-if="loading" :order="orderDetail"></cooperation>
		</view>


		<!--订单信息-->
		<order v-if="loading" :order="orderDetail"></order>
		
		<!--物流信息-->
		<!-- 		<wuliu v-if="loading" :order="orderDetail"></wuliu> -->

		<!--各种记录弹窗-->
		<pop @change="bottom_action" v-if="loading" :order="orderDetail" style="position: relative;z-index: 33;"></pop>

		<!--交易合同-->
		<contact @on-oversize="tijiao" v-if="loading && bcz" :order2="orderDetail" :orderinfo2="orderDetail.orderInfo"
			:orderjoin2="orderDetail.orderJoin"></contact>

		<!--合作协议-->
		<view style="position: relative;z-index: 33;" v-if="loading==true&& bcz==false && is_jxz" @click="agreement()">
			<xieyi></xieyi>
		</view>

		<!--交易流程-->
		<block v-if="orderDetail.orderInfo.type != 'transport'">
			<transactionprocess @on-oversize="tijiao" v-if="loading && bcz==false && is_jxz" :order2="orderDetail"></transactionprocess>
		</block>


		<!--订单倒计时-->
		<daojishi v-if="loading && is_jxz && is_transaction" :order="orderDetail"></daojishi>


		<!--这里是货物进度  运输进度  通关进度  收付款进度  导航按钮   用于查看以下进度处理的-->
		<view style="width: 100%;position: relative;z-index: 33;" v-if="loading && is_jxz &&is_transaction">
			<view class="lxy-content" v-if="nav&&nav.length!=0">
				<scroll-view scroll-x="true" class="content-scroll" scroll-with-animation :scroll-left="scrollLeft">
					
					<view class="nav_img scroll-item2" :class="jindu == item.type?item.style:item.style2?item.style2:''" style="position: relative;" v-for="(item,index) in nav" :key="index"
						@click="tabjd(item,index)" >
						
						<view  style="position: relative;width:100%;height:100%" :class="jindu == item.type?'pp_nav_on0':''">
							<block v-if="lang=='zh'">
								<image :src="IMAGE_PIC+'/assets/img/cc_zh/'+item.type+'.png'" style="width: 100%;height: 100%;"></image>
							</block>
							<block v-if="lang=='ru'">
								<image :src="IMAGE_PIC+'/assets/img/cc_ru/'+item.type+'.png'" style="width: 100%;height: 100%;"></image>
							</block>
							<view :class="jindu == item.type?'pp_index_on':item.style3?item.style3:'pp_index'" style="width: 40rpx;height: 40rpx;position: absolute;top:0px;left: 0px; text-align: center;line-height: 40rpx;">
								{{index+1}}
							</view>
							
							<block v-if="item.jiantou">
								<image v-if="index+1<nav.length" :src="item.jiantou" style=" width: 90rpx; height: 20rpx; position: absolute;top:35px; left: 170rpx; "></image>
							</block>
							<block v-if="item.jiantou==undefined||item.jiantou==''||item.jiantou=='undefined'||item.jiantou==null">
								<image v-if="index+1<nav.length" :src="huijiantou" style=" width: 90rpx; height: 20rpx; position: absolute;top:35px; left: 185rpx; "></image>
							</block>
						
						</view>
						
					</view>
					
				</scroll-view>
			</view>
		</view>


		<block v-if="is_transaction">
			<!--货物进度处理-->
			<goodsProcess @on-oversize="tijiao" v-if="loading==true && jindu=='goods' && is_jxz &&orderDetail.orderInfo.type=='goods'"
				:order2="orderDetail"></goodsProcess>
			
			<!--全程运输  前段运输  后段运输  口岸运输 进度处理-->
			<transportquanchengProcess @on-oversize="tijiao" v-if="((loading==true && (jindu=='transport'||jindu=='transport_only') && is_jxz)&&transport_flag==3)&&transport_flag_show" :order2="orderDetail" :key="'transport'"></transportquanchengProcess>
			<transportProcess @on-oversize="tijiao" v-if="((loading==true && (jindu=='front_transport'||jindu=='transport_only') && is_jxz)&&transport_flag==0)&&transport_flag_show" :order2="orderDetail" :key="'front_transport'"></transportProcess>
			<transportAfterProcess @on-oversize="tijiao" v-if="((loading==true && (jindu=='after_transport'||jindu=='transport_only')&& is_jxz)&&transport_flag==1)&&transport_flag_show" :order2="orderDetail" :key="'after_transport'"></transportAfterProcess>
			<transportPortProcess @on-oversize="tijiao" v-if="((loading==true && (jindu=='port_transport'||jindu=='transport_only') && is_jxz)&&transport_flag==2)&&transport_flag_show" :order2="orderDetail" :key="'port_transport'"></transportPortProcess>
			
			
			<!--报关清关转关进度处理-->
			<crossBorderProcess @on-oversize="tijiao"  v-if="loading==true &&loading_nav&& is_jxz && jindu=='declaration'" :order2="orderDetail" :jindu="jindu" :key="'declaration'"></crossBorderProcess>
			<crossBorderProcess @on-oversize="tijiao"  v-if="loading==true &&loading_nav&& is_jxz && jindu=='clearance'" :order2="orderDetail" :jindu="jindu" :key="'clearance'"></crossBorderProcess>
			<crossBorderProcess @on-oversize="tijiao"  v-if="loading==true &&loading_nav&& is_jxz && jindu=='transit'" :order2="orderDetail" :jindu="jindu" :key="'transit'"></crossBorderProcess>
			
			
			<!--交货证明-->
			<jiaohuo v-if="loading && jindu=='goods' && is_jxz" :order="orderDetail"></jiaohuo>
			
			<!--付款证明-->
			<prove @on-oversize="tijiao" v-if="(loading||loading1)&&(jindu=='pay' && is_jxz)" :order="orderDetail" :jindu="jindu" :key="'pay'"></prove>
			<!--订金付款证明-->
			<prove @on-oversize="tijiao" v-if="(loading||loading1)&&(jindu=='deposit_pay' && is_jxz)" :order="orderDetail" :jindu="jindu" :key="'deposit_pay'"></prove>
			<!--尾款付款证明-->
			<prove @on-oversize="tijiao" v-if="(loading||loading1)&&(jindu=='arrears_pay' && is_jxz)" :order="orderDetail" :jindu="jindu" :key="'arrears_pay'"></prove>
			<!--收款证明-->
			<prove @on-oversize="tijiao" v-if="(loading||loading1)&&(jindu=='collection' && is_jxz)" :order="orderDetail" :jindu="jindu" :key="'collection'"></prove>
			<!--订金收款证明-->
			<prove @on-oversize="tijiao" v-if="(loading||loading1)&&(jindu=='deposit_collection' && is_jxz)" :order="orderDetail" :jindu="jindu" :key="'deposit_collection'"></prove>
			<!--尾款收款证明-->
			<prove @on-oversize="tijiao" v-if="(loading||loading1)&&(jindu=='arrears_collection' && is_jxz)" :order="orderDetail" :jindu="jindu" :key="'arrears_collection'"></prove>
			
		</block>



		<!--一键匹配按钮-->
		<pipei v-if="pipei_show==1" :order="orderDetail" :xzshow="pipei_show" @change="pipei_change"
			:is_crossborder="is_crossborder"></pipei>

		<!--底部按钮-->
		<bottom @on-oversize="tijiao" v-if="loading==true&&loading_nav==true" @change="bottom_action" :order="orderDetail" :nav="nav"></bottom>

		<!--合作协议弹窗-->
		<u-popup v-model="xieyi_show" mode="bottom" height="100%">
			<view style="height: 50rpx;width: 100%;"></view>

			<!--交易合同-->
			<contact v-if="loading" :order2="orderDetail" :orderinfo2="orderDetail.orderInfo"
					:orderjoin2="orderDetail.orderJoin" :hzxy="hzxy"></contact>

			<view style="display: flex;width:90%;margin-left:5%">
				<view style="width: 50%;">
					<u-button @click="lianxi" :custom-style="customStyle11" hover-class="none" :disabled="false">
						{{ $t('即时沟通') }}
					</u-button>
				</view>
				<view style="width: 50%;" v-if="orderDetail.orderInfo.status==4||orderDetail.orderInfo.status==5||orderDetail.orderInfo.status==10">
					<u-button  :custom-style="customStyle12" hover-class="none" :disabled="false">
						{{ $t('终止交易') }}
					</u-button>
				</view>
				<view style="width: 50%;" v-else>
					<u-button @click="stopOrder" :custom-style="customStyle11" hover-class="none" :disabled="false">
						{{ $t('终止交易') }}
					</u-button>
				</view>
			</view>

			<button @click="guanbi" style="margin-top: 50rpx;width: 80%;margin-left:10%;z-index: 10000;">
				{{$t('关闭')}}
			</button>
			<view style="height: 50rpx;width: 100%;"></view>

		</u-popup>

		<view
			v-if="(orderDetail.orderJoin.is_qrsh==1&&qran_show==false&&(orderDetail.orderInfo.status!=10&&orderDetail.orderInfo.status!=4&&orderDetail.orderInfo.status!=5)&&orderDetail.role==1)
			||(orderDetail.orderInfo.is_qrsh==1&&qran_show==false&&(orderDetail.orderInfo.status!=10&&orderDetail.orderInfo.status!=4&&orderDetail.orderInfo.status!=5)&&orderDetail.role==2)"
			style="width: 80%;position: fixed;left: 10%;top: 40%;background: #000;z-index: 33;padding:14% 5%;opacity: 0.8;">
			<view style="text-align: center;color:#fff;">{{$t("对方已提交确认收货申请，收货后请尽快确认完成订单，谢谢您的配合")}}</view>
			<view @click="qran()"
				style="width: 50%;background: #fff;color:#333;text-align: center;margin:0 auto;margin-top:10%;padding:3% 0;font-weight: bolder;">
				{{$t("确认")}}
			</view>
		</view>

		<view
			v-if="orderDetail.orderJoin.is_qrwc==1&&wc_show==false&&(orderDetail.orderInfo.status!=10&&orderDetail.orderInfo.status!=4&&orderDetail.orderInfo.status!=5)&&orderDetail.role==1&&orderDetail.orderJoin.is_stop_countdown==0"
			style="width: 80%;position: fixed;left: 10%;top: 40%;background: #000;z-index: 33;padding:14% 5%;opacity: 0.8;text-align: center;">
			<text style="text-align: center;color:#fff;">{{$t('对方已提交确认完成请求\n核实后，请点击确认完成')}}</text>
			<view @click="wcan()"
				style="width: 50%;background: #fff;color:#333;text-align: center;margin:0 auto;margin-top:10%;padding:3% 0;font-weight: bolder;">
				{{$t("确认")}}
			</view>
		</view>

		<view style="height: 200rpx;width: 100%;"></view>
		<view v-if="orderDetail.orderInfo.status==3" class="modal-background"></view>
		<view v-if="orderDetail.orderInfo.status==4" class="modal-background"></view>
		<view v-if="orderDetail.orderInfo.status==5" class="modal-background"></view>
		
	</view>
</template>

<script>
	import {createC2CConversation} from "@/common/public";
	import {
		HTTP_REQUEST_URL,
		HTTP_IMG_UTL,
		IMAGE_URL,
		IMAGE_PIC
	} from "@/config/app";
	import xieyi from "./detail/xieyi.vue"
	import jiaohuo from "./detail/jiaohuo.vue"
	import filelist from "./detail/filelist.vue"
	import bottom from "./detail/bottom.vue"
	import goodsProcess from "./detail/goodsProcess.vue"
	import transportProcess from "./detail/transportProcess.vue"
	import transportAfterProcess from "./detail/transportAfterProcess.vue"
	import transportPortProcess from "./detail/transportPortProcess.vue"
	import transportquanchengProcess from "./detail/transportquanchengProcess.vue"
	import daojishi from "./detail/daojishi.vue"
	import order from "./detail/order.vue"
	import cooperation from "./detail/cooperation.vue"
	import sonOrder from "./detail/sonOrder.vue"
	import contact from "./detail/contact.vue"
	import transactionprocess from "./detail/transactionprocess.vue"
	import inspection from "./detail/inspection.vue"
	import afterSalesService from "./detail/afterSalesService.vue"
	import wuliu from "./detail/wuliu.vue"
	import pop from "./detail/pop.vue"
	import prove from "./detail/prove.vue"
	import crossBorderProcess from "./detail/crossBorderProcess.vue"
	import pipei from "./detail/pipei.vue"

	export default {
		components: {
			xieyi,
			jiaohuo,
			filelist,
			bottom,
			goodsProcess,
			transportProcess,
			transportAfterProcess,
			transportPortProcess,
			transportquanchengProcess,
			daojishi,
			order,
			cooperation,
			sonOrder,
			contact,
			inspection,
			afterSalesService,
			wuliu,
			pop,
			prove,
			crossBorderProcess,
			pipei,
			transactionprocess
		},
		data() {
			return {
				//远程域名
				HTTP_IMG_UTL,
				HTTP_REQUEST_URL,
				IMAGE_URL,
				IMAGE_PIC,
				url: IMAGE_URL,
				//语言
				lang: this.$i18n.locale,
				//订单详情id		
				id: 0,
				join_order_id: 0,
				//分页
				page: 1,
				//文字
				text: {
					order_no: this.$t('订单号'),
				},
				plat:uni.getStorageSync('plat'),
				
				
				//订单详情
				orderDetail: {
					orderInfo: {
						is_compensation: '',
						release_info: {
							is_margin: '',
						}
					},
					orderJoin: {
						is_compensation: '',
					},
					gl_transportorder: {
						step: '',
					},
					declaration_step: {
						step: '',
					},
					clearance_step: {
						step: '',
					}
				},

				//关联子订单
				rlated_orders: [],
				
				//按钮样式
				customStyle11: {
					width: '180rpx',
					height: '83rpx',
					marginTop: '20rpx',
					fontSize: '24rpx',
					background: '#ff2323',
					borderRadius: '56rpx',
					border: "0px",
					color: "#ffffff"
				},
				customStyle12: {
					width: '180rpx',
					height: '83rpx',
					marginTop: '20rpx',
					fontSize: '24rpx',
					background: '#999999',
					borderRadius: '56rpx',
					border: "0px",
					color: "#ffffff"
				},
				contentScrollW: 0, // 导航区宽度
				current: 1, // 当前选中
				scrollLeft: 0, // 横向滚动条位置

				//这里是货物进度  运输进度  收付款进度  导航按钮   用于查看以下进度处理的
				nav: [
					{
						"img": "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20240701/b3d435264df5c1905422082d9ff11939.png",
						"name": "付款",
						"type": "pay",
						"order_type":"pay",
						"complate":"0",
						"style": ""
					}
				],
				
				transport_flag:0,
				transport_collect:[
						{
							"img": "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20240520/f6b1e0a0000b632ffa502cf804b9ccd0.png",
							"name": "运输",
							"type": "transport_only",
							"order_type":"transport",
							"complate":"0",
							"style": ""
						},
						{
							"img": "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20240701/b3d435264df5c1905422082d9ff11939.png",
							"name": "收款",
							"type": "collection",
							"order_type":"pay",
							"complate":"0",
							"style": ""
						}
				],
				transport_pay:[
						{
							"img": "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20240520/f6b1e0a0000b632ffa502cf804b9ccd0.png",
							"name": "运输",
							"type": "transport_only",
							"order_type":"transport",
							"complate":"0",
							"style": ""
						},
						{
							"img": "https://gluz-oss.oss-cn-beijing.aliyuncs.com/uploads/20240701/b3d435264df5c1905422082d9ff11939.png",
							"name": "付款",
							"type": "pay",
							"order_type":"pay",
							"complate":"0",
							"style": ""
						}
				],
				lvjiantou:HTTP_IMG_UTL+'lvjiantou.png',
				huijiantou:HTTP_IMG_UTL+'huijiantou.png',
				
				//一键匹配
				pipei_show: 0,
				xieyi_show: false,
				
				loading: false,
				loading1: false,
				loading_nav:false,
				
				//合作伙伴
				cooperation: {},
				
				//进度
				jindu: '',
				order_jindu:'',

				is_tj: 0,
				
				//订单状态进行中 导航等以下组件是否显示
				is_jxz: false,
				
				//是否显示 合同状态 
				bcz: false,
				
				//是否显示 交易流程
				is_transaction:false,
				
				//是否是跨境货代订单
				is_crossborder: 0,
				
				//确认收货
				qran_show: false,
				//确认完成
				wc_show: false,
				
				//合作协议
				hzxy:0,
				
				transport_flag_show:true,
				
			};
		},
		onLoad(options) {
			this.id = options.id
			this.join_order_id = options.join_order_id
			this.isDetail = options.isDetail || false
			this.lang = uni.getStorageSync('lang')
			uni.setStorageSync('isChoseImg', false);
			this.getCooperationOrderDetail()
		},
		onShow() {
			const that = this
			
			that.$u.api.order.getCooperationOrderDetail({
				id: that.join_order_id,
				lang: that.lang
			}).then(res => {
				//关联子订单
				that.rlated_orders = res.rlated_orders
				that.orderDetail = res
			
			})
		},
		onReady() {
			this.getScrollW()
			uni.setNavigationBarTitle({
				title: this.$t("订单详情")
			})
		},
		methods: {
			//确认收获按钮
			qran() {
				this.qran_show = true;
			},
			//确认完成按钮
			wcan() {
				this.wc_show = true;
			},
			
			
			//进行中的订单 是否显示 协议
			jinxingzhong() {
				if (this.orderDetail.orderInfo.release_info.is_margin == 2) {
					if (this.orderDetail.orderInfo.is_compensation != 1 || this.orderDetail.orderJoin.is_compensation !=
						1 || this.orderDetail.orderInfo.is_agreement != 1 || this.orderDetail.orderJoin.is_agreement !=
						1 || this.orderDetail.orderInfo.confirm_contract != 1 || this.orderDetail.orderJoin
						.confirm_contract != 1 || (this.orderDetail.orderInfo.goods_list && this.orderDetail.orderJoin
							.is_goodslist == 0) ||
						(this.orderDetail.orderJoin.goods_list && this.orderDetail.orderInfo.is_goodslist == 0) || (!this
							.orderDetail.orderInfo.goods_list && !this.orderDetail.orderJoin.goods_list)) {
						this.bcz = true;
					}
				} else {
					if (this.orderDetail.orderInfo.is_agreement != 1 || this.orderDetail.orderJoin.is_agreement != 1 ||
						this.orderDetail.orderInfo.confirm_contract != 1 || this.orderDetail.orderJoin.confirm_contract !=
						1 || (this.orderDetail.orderInfo.goods_list && this.orderDetail.orderJoin.is_goodslist == 0) ||
						(this.orderDetail.orderJoin.goods_list && this.orderDetail.orderInfo.is_goodslist == 0) || (!this
							.orderDetail.orderInfo.goods_list && !this.orderDetail.orderJoin.goods_list)) {
						this.bcz = true;
					}
				}
			},
			//进行中的订单 是否显示 交易流程
			bucunzai() {
				if (this.orderDetail.orderInfo.release_info.is_margin == 2) {
					if (this.orderDetail.orderInfo.is_compensation == 1 && this.orderDetail.orderJoin.is_compensation ==
						1 && this.orderDetail.orderInfo.is_agreement == 1 && this.orderDetail.orderJoin.is_agreement ==
						1 && this.orderDetail.orderInfo.confirm_contract == 1 && this.orderDetail.orderJoin
						.confirm_contract == 1 && this.orderDetail.orderInfo.is_goodslist == 1 && this.orderDetail.orderJoin.is_goodslist == 1) {
						this.is_jxz = true;
					}
				} else {
					if (this.orderDetail.orderInfo.is_agreement == 1 && this.orderDetail.orderJoin.is_agreement == 1 &&
						this.orderDetail.orderInfo.confirm_contract == 1 && this.orderDetail.orderJoin.confirm_contract ==
						1 && this.orderDetail.orderInfo.is_goodslist == 1 && this.orderDetail.orderJoin.is_goodslist == 1) {
						this.is_jxz = true;
					}
				}
			},
			
			
			// 获取标题区域宽度，和每个子元素节点的宽度以及元素距离左边栏的距离
			getScrollW() {
				if ((this.nav) && (this.nav.length != 0)) {
					const query = uni.createSelectorQuery().in(this);
					query.select('.content-scroll').boundingClientRect(data => {
						// 拿到 scroll-view 组件宽度
						if (data) {
							this.contentScrollW = data.width
						} else {
							this.contentScrollW = 1500
						}
					}).exec();
					query.selectAll('.scroll-item2').boundingClientRect(data => {
						let dataLen = data.length;
						for (let i = 0; i < dataLen; i++) {
							//  scroll-view 子元素组件距离左边栏的距离
							this.nav[i].left = data[i].left;
							//  scroll-view 子元素组件宽度
							this.nav[i].width = data[i].width
						}
					}).exec()
				}
			},
			
			//提交收款证明
			tijiao(value) {
				console.log(value)
				if (value == 1||value == 2) {
					this.is_tj = value
					this.loading = false
					this.getCooperationOrderDetail(value)
				}
			},
			
			//底部按钮触发方法
			bottom_action(type, data) {
				console.log(type, data)
				if (type === 'pipei') {
					this.pipei_show = 1
				} else if (type == 'close_order') {
					uni.navigateTo({
						url: '/pages/ordering/closeOrder?join_order_id=' + this.join_order_id
					})
				} else if (type == 'stop_order') {
					uni.navigateTo({
						url: '/pages/ordering/stopOrder?join_order_id=' + this.join_order_id
					})
				} else if (type == 'customer') {
					uni.navigateTo({
						url: '/pages/customer/customer?order_id=' + this.id + '&join_order_id=' + this
							.join_order_id
					})
				} else if (type == 'yichang') {
					uni.navigateTo({
						url: '/pages/abnormal/index?order_id=' + this.id + '&join_order_id=' + this.join_order_id +
							'&is_list=0&jindu='+this.jindu
					})
				} else if (type == 'yichang1') {
					uni.navigateTo({
						url: '/pages/abnormal/index?order_id=' + this.id + '&join_order_id=' + this.join_order_id +
							'&is_list=1&situation_id='+data+'&jindu='+this.jindu
					})
				}
			},
			
			
			//进度点击切换
			tabjd(e, j) {
				const that = this
				that.loading_nav = false
				that.jindu = e.type
				that.order_jindu = e.order_type
				
				if(that.orderDetail.orderInfo.type=='transport'){
					if(that.orderDetail.role==1){
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 1 || (that.orderDetail.orderInfo.release_info
								.release_type == 3&&that.orderDetail.orderInfo.release_info.human_type == 2))) {
									if(that.orderDetail.orderJoin.product_address==that.orderDetail.orderJoin.reach_address){
										that.transport_collect[0].type='transport_only';
									}
									that.nav = that.transport_collect
						}
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 2 ||(that.orderDetail.orderInfo.release_info
								.release_type == 3&&that.orderDetail.orderInfo.release_info.human_type == 1))) {
									if(that.orderDetail.orderInfo.release_info.departure_country.value==that.orderDetail.orderInfo.release_info.reach_country.value){
										that.transport_pay[0].type='transport_only';
									}
									that.nav = that.transport_pay
						}
					}
					if(that.orderDetail.role==2){
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 1 || (that.orderDetail.orderInfo.release_info
								.release_type == 3&&that.orderDetail.orderInfo.release_info.human_type == 2))) {
									if(that.orderDetail.orderJoin.product_address==that.orderDetail.orderJoin.reach_address){
										that.transport_pay[0].type='transport_only';
									}
									that.nav = that.transport_pay
						}
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 2 ||(that.orderDetail.orderInfo.release_info
								.release_type == 3&&that.orderDetail.orderInfo.release_info.human_type == 1))) {
									if(that.orderDetail.orderInfo.release_info.departure_country.value==that.orderDetail.orderInfo.release_info.reach_country.value){
										that.transport_collect[0].type='transport_only';
									}
									that.nav = that.transport_collect
						}
					}
					
					
					
					
				
					//导航改变样式
					that.xunhuan_nav()
					
					//修改导航栏点击后的样式
					if (e.style != 'pp_nav_on1') {
						if (e.style == 'pp_nav_on') {
							that.nav[j].style = ''
						} else {
							that.nav[j].style = 'pp_nav_on'
						}
					}
					
				
				}else{
					
					that.$u.api.order.user_jylc({
						order_id: that.orderDetail.orderInfo.id,
						join_order_id: that.orderDetail.orderInfo.join_order_id,
					}).then(res => {
						if(res){
							if(res.lists){
								that.nav = JSON.parse(res.lists)
							}
							
							//导航改变样式
							that.xunhuan_nav()
							
							//修改导航栏点击后的样式
							if (e.style != 'pp_nav_on1') {
								if (e.style == 'pp_nav_on') {
									that.nav[j].style = ''
								} else {
									that.nav[j].style = 'pp_nav_on'
								}
							}
							
							
						}
					})
					
				}
				console.log(e.type)
				if(e.type == 'pay'||e.type == 'deposit_pay'||e.type == 'arrears_pay'
				||e.type == 'collection'||e.type == 'deposit_collection'||e.type == 'arrears_collection'||e.type == 'goods'){
					that.transport_flag_show = false
				}
				
				if(e.type == 'transport'){
					that.transport_flag_show = true
					that.transport_flag=3
				}else if(e.type == 'front_transport'){
					that.transport_flag_show = true
					that.transport_flag=0
				}else if(e.type == 'after_transport'){
					that.transport_flag_show = true
					that.transport_flag=1
				}else if(e.type == 'port_transport'){
					that.transport_flag_show = true
					that.transport_flag=2
				}else if(e.type == 'transport_only'&&that.orderDetail.orderInfo.transport_type==0){
					that.transport_flag_show = true
					that.transport_flag=0
				}else if(e.type == 'transport_only'&&that.orderDetail.orderInfo.transport_type==1){
					that.transport_flag_show = true
					that.transport_flag=1
				}else if(e.type == 'transport_only'&&that.orderDetail.orderInfo.transport_type==2){
					that.transport_flag_show = true
					that.transport_flag=2
				}else if(e.type == 'transport_only'&&that.orderDetail.orderInfo.transport_type==3){
					that.transport_flag_show = true
					that.transport_flag=3
				}
				
				if(that.transport_collect[0].type!='transport_only'){
					if(that.orderDetail.orderInfo.transport_type==0){
						that.transport_collect[0].type='front_transport';
					}else if(that.orderDetail.orderInfo.transport_type==1){
						that.transport_collect[0].type='after_transport';
					}else if(that.orderDetail.orderInfo.transport_type==2){
						that.transport_collect[0].type='port_transport';
					}else if(that.orderDetail.orderInfo.transport_type==3){
						that.transport_collect[0].type='transport';
					}
				}
				that.loading_nav = true
				
			},
			
			//导航改变样式
			nav_info(e,j){
				const that = this
				
				//收付款类型  订单已完成改变样式
				if (that.orderDetail.orderInfo.payment_proof && that.orderDetail.orderJoin.charge_certificate) {
					if(e.type=='pay'||e.type=='collection'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].complate = 1;
						that.nav[j].jiantou = that.lvjiantou
					}
				}
				
				//定金 收付款类型   订单已完成改变样式
				if (that.orderDetail.orderInfo.releasePayImgList && that.orderDetail.orderJoin.releasePayImgList1) {
					if(e.type=='deposit_pay'||e.type=='deposit_collection'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].complate = 1;
						that.nav[j].jiantou = that.lvjiantou
					}
				}
				
				//尾款 收付款类型   订单已完成改变样式
				if (that.orderDetail.orderInfo.final_payment && that.orderDetail.orderJoin.final_payment) {
					if(e.type=='arrears_pay'||e.type=='arrears_collection'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].complate = 1;
						that.nav[j].jiantou = that.lvjiantou
					}
				}
				
				
				
				//type=='front_transport' 证明是前段运输类型  订单已完成改变样式
				if ((that.orderDetail.gl_transportorder.transport_step!=null&&that.orderDetail.gl_transportorder.transport_step.step == 100)
				||(that.orderDetail.xx_transport_step!=null&&that.orderDetail.xx_transport_step.step == 100)) {
					if(e.type=='front_transport'||e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				if(that.orderDetail.orderInfo.is_offline_font==1&&that.orderDetail.orderInfo.release_info.is_express_price==1){
					if(e.type=='front_transport'||e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				
				
				
				
				//type=='after_transport' 证明是后段运输类型  订单已完成改变样式
				if ((that.orderDetail.gl_transportafterorder.transport_step!=null&&that.orderDetail.gl_transportafterorder.transport_step.step == 100)
				||(that.orderDetail.xx_transportafter_step!=null&&that.orderDetail.xx_transportafter_step.step == 100)) {
					if(e.type=='after_transport'||e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				if(that.orderDetail.orderInfo.is_offline_after==1&&that.orderDetail.orderInfo.release_info.is_express_price==1){
					if(e.type=='after_transport'||e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				
				
				
				
				//type=='port_transport' 证明是口岸运输类型  订单已完成改变样式
				if ((that.orderDetail.gl_transportportorder.transport_step!=null&&that.orderDetail.gl_transportportorder.transport_step.step == 100)
				||(that.orderDetail.xx_transportport_step!=null&&that.orderDetail.xx_transportport_step.step == 100)) {
					if(e.type=='port_transport'||e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				if(that.orderDetail.orderInfo.is_offline_port==1&&that.orderDetail.orderInfo.release_info.is_express_price==1){
					if(e.type=='port_transport'||e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				
				
				//type=='transport' 证明是全程运输类型  订单已完成改变样式
				if ((that.orderDetail.gl_transportquanchengorder.transport_step!=null&&that.orderDetail.gl_transportquanchengorder.transport_step.step == 100)
				||(that.orderDetail.xx_transportquancheng_step!=null&&that.orderDetail.xx_transportquancheng_step.step == 100)) {
					if(e.type=='transport'||e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				if(that.orderDetail.orderInfo.is_offline_quancheng==1&&that.orderDetail.orderInfo.release_info.is_express_price==1){
					if(e.type=='transport'||e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}else if(that.orderDetail.orderInfo.is_offline_quancheng==1&&that.orderDetail.orderInfo.release_info.is_express_price==2&&that.orderDetail.xx_transportquancheng_step!=null&&that.orderDetail.xx_transportquancheng_step.step==100){
					if(e.type=='transport'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				if(that.orderDetail.transport_step!= null&&that.orderDetail.transport_step.step==100){
					if(e.type=='transport_only'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
			
				
				
				//type=='declaration' 证明是报关类型  订单已完成改变样式
				if (that.orderDetail.declaration_step != null && that.orderDetail.declaration_step.step == 100) {
					if(e.type=='declaration'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				if((that.orderDetail.orderInfo.is_offline_bg==1)&&(that.orderDetail.orderInfo.release_info.is_express_price==1)){
					if(e.type=='declaration'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				
				
				//type=='transit' 证明是转关类型  订单已完成改变样式
				if (that.orderDetail.transit_step != null && that.orderDetail.transit_step.step == 100) {
					if(e.type=='transit'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				if((that.orderDetail.orderInfo.is_offline_zg==1)&&(that.orderDetail.orderInfo.release_info.is_express_price==1)){
					if(e.type=='transit'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				
				
				//type=='clearance' 证明是清关类型  订单已完成改变样式
				if (that.orderDetail.clearance_step != null && that.orderDetail.clearance_step.step == 100) {
					if(e.type=='clearance'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
				if((that.orderDetail.orderInfo.is_offline_qg==1)&&(that.orderDetail.orderInfo.release_info.is_express_price==1)){
					if(e.type=='clearance'){
						that.nav[j].style = 'pp_nav_on1';
						that.nav[j].style2 = 'pp_nav_on1';
						that.nav[j].style3 = 'pp_index3';
						that.nav[j].jiantou = that.lvjiantou
						that.nav[j].complate = 1;
					}
				}
			
				

				
				//运输订单 有货求车 或 小件 货源信息
				if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
						.release_type == 2 || that.orderDetail.orderInfo.release_info.human_type == 1)) {
					if (that.orderDetail.orderJoin.is_goodslist == 1 && that.orderDetail.orderJoin.receiving_img && that
						.orderDetail.orderJoin.delivery_img) {
						if(e.type=='goods'){
							that.nav[j].style = 'pp_nav_on1';
							that.nav[j].style2 = 'pp_nav_on1';
							that.nav[j].style3 = 'pp_index3';
							that.nav[j].jiantou = that.lvjiantou
							
							that.nav[j].complate = 1;
						}
					}
				}
				
				//运输订单 有车求货 或 小件 快递公司
				if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
						.release_type == 1 || that.orderDetail.orderInfo.release_info.human_type == 2)) {
					if (that.orderDetail.orderInfo.is_goodslist == 1 && that.orderDetail.orderInfo.receiving_img && that
						.orderDetail.orderInfo.delivery_img) {
						if(e.type=='goods'){
							that.nav[j].style = 'pp_nav_on1';
							that.nav[j].style2 = 'pp_nav_on1';
							that.nav[j].style3 = 'pp_index3';
							that.nav[j].jiantou = that.lvjiantou
							
							that.nav[j].complate = 1;
						}
					}
				} 
				
				//货物订单 不含运费  传了货物清单  接货交货证明  货物导航样式改变
				if (that.orderDetail.orderInfo.type == 'goods' && that.orderDetail.orderInfo.release_info
					.is_express_price == 1) {
					if (that.orderDetail.goods_step != null && that.orderDetail.goods_step.step == 100) {
						if(e.type=='goods'){
							that.nav[j].style = 'pp_nav_on1';
							that.nav[j].style2 = 'pp_nav_on1';
							that.nav[j].style3 = 'pp_index3';
							that.nav[j].jiantou = that.lvjiantou
							
							that.nav[j].complate = 1;
						}
					}
				}
				
				//货物订单 含运费  备货进度100% 货物导航样式改变
				if (that.orderDetail.orderInfo.type == 'goods' && that.orderDetail.orderInfo.release_info
					.is_express_price == 2) {
					if (that.orderDetail.goods_step){
						if (that.orderDetail.goods_step.id && that.orderDetail.goods_step.step == 100) {
							if(e.type=='goods'){
								that.nav[j].style = 'pp_nav_on1';
								that.nav[j].style2 = 'pp_nav_on1';
								that.nav[j].style3 = 'pp_index3';
								that.nav[j].jiantou = that.lvjiantou
								
								that.nav[j].complate = 1;
							}
						}
					}
					
				}
				
				//货代订单  传了货物清单  接货交货证明  货物导航样式改变
				if (that.orderDetail.orderInfo.type == 'crossborder') {
					if (that.orderDetail.orderJoin.is_goodslist == 1 && that.orderDetail.orderJoin.receiving_img && that
						.orderDetail.orderJoin.delivery_img) {
						if(e.type=='goods'){
							that.nav[j].style = 'pp_nav_on1';
							that.nav[j].style2 = 'pp_nav_on1';
							that.nav[j].style3 = 'pp_index3';
							that.nav[j].jiantou = that.lvjiantou
							
							that.nav[j].complate = 1;
						}
					}
				}
				
				
								
			},
			
			//循环改变样式
			xunhuan_nav(){
				var that = this
				for(var j=0;j<that.nav.length;j++){
					that.nav_info(that.nav[j],j)
				}
			},
			

			//一键匹配
			pipei_change(e) {
				this.pipei_show = 0
			},
			
			
			//合作订单详情
			getCooperationOrderDetail(value=0) {
				const that = this
				if(value == 1){
					that.loading = false
					that.loading1 = false
				}
				that.$u.api.order.getCooperationOrderDetail({
					id: that.join_order_id,
					lang: that.lang
				}).then(res => {
					console.log(res)
					
					//关联子订单
					that.rlated_orders = res.rlated_orders
					that.orderDetail = res
					
					if (that.orderDetail.user_id != that.orderDetail.release_user.id) {
						that.cooperation = that.orderDetail.release_user
					} else {
						that.cooperation = that.orderDetail.join_user
					}

					if (that.orderDetail.orderInfo.type == 'crossborder') {
						that.is_crossborder = 1
					}
					
					
					if(that.orderDetail.role==1){
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 1 || that.orderDetail.orderInfo.release_info.human_type == 2)) {
									if(that.orderDetail.orderJoin.product_address==that.orderDetail.orderJoin.reach_address){
										that.transport_collect[0].type='transport_only';
									}
									that.nav = that.transport_collect
						}
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 2 || that.orderDetail.orderInfo.release_info.human_type == 1)) {
									if(that.orderDetail.orderInfo.release_info.departure_country.value==that.orderDetail.orderInfo.release_info.reach_country.value){
										that.transport_pay[0].type='transport_only';
									}
									that.nav = that.transport_pay
						}
					}
					
					if(that.orderDetail.role==2){
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 1 || that.orderDetail.orderInfo.release_info.human_type == 2)) {
									if(that.orderDetail.orderJoin.product_address==that.orderDetail.orderJoin.reach_address){
										that.transport_pay[0].type='transport_only';
									}
									that.nav = that.transport_pay
						}
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 2 || that.orderDetail.orderInfo.release_info.human_type == 1)) {
									if(that.orderDetail.orderInfo.release_info.departure_country.value==that.orderDetail.orderInfo.release_info.reach_country.value){
										that.transport_collect[0].type='transport_only';
									}
									that.nav = that.transport_collect
						}
					}
					
					if(that.transport_collect[0].type!='transport_only'){
						if(that.orderDetail.orderInfo.transport_type==0){
							that.transport_collect[0].type='front_transport';
						}else if(that.orderDetail.orderInfo.transport_type==1){
							that.transport_collect[0].type='after_transport';
						}else if(that.orderDetail.orderInfo.transport_type==2){
							that.transport_collect[0].type='port_transport';
						}else if(that.orderDetail.orderInfo.transport_type==3){
							that.transport_collect[0].type='transport';
						}
					}
					
					
					
					if(that.orderDetail.orderInfo.type == 'transport'){
						if(that.orderDetail.orderInfo.transport_type==0){
							that.transport_flag = 0; //前段运输
						}else if(that.orderDetail.orderInfo.transport_type==1){
							that.transport_flag = 1; //后段运输
						}else if(that.orderDetail.orderInfo.transport_type==2){
							that.transport_flag = 2; //口岸运输
						}else if(that.orderDetail.orderInfo.transport_type==3){
							that.transport_flag = 3; //全程运输
						}
					}
					
					
					if(value == 0){
						that.jinxingzhong();
						that.bucunzai();
						that.loading = true						
					}
					
					//订单运输方式的选择
					that.user_jylc(that.orderDetail);

					if(value == 1){
						that.loading = true
						that.loading1 = true
					}

				})
			},
			
			//订单运输方式的选择
			user_jylc(row){
				const that = this
				if(row.orderInfo.type=='transport'){
					
					if(row.role==1){
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 1 || (that.orderDetail.orderInfo.release_info
								.release_type == 3&&that.orderDetail.orderInfo.release_info.human_type == 2))) {
									that.nav = that.transport_collect
						}
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 2 || (that.orderDetail.orderInfo.release_info
								.release_type == 3&&that.orderDetail.orderInfo.release_info.human_type == 1))) {
									that.nav = that.transport_pay
						}
					}
					if(row.role==2){
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 1 || (that.orderDetail.orderInfo.release_info
								.release_type == 3&&that.orderDetail.orderInfo.release_info.human_type == 2))) {
									that.nav = that.transport_pay
						}
						if (that.orderDetail.orderInfo.type == 'transport' && (that.orderDetail.orderInfo.release_info
								.release_type == 2 || (that.orderDetail.orderInfo.release_info
								.release_type == 3&&that.orderDetail.orderInfo.release_info.human_type == 1))) {
									that.nav = that.transport_collect
						}
					}
					
					that.is_transaction = true
					that.loading_nav = true
					
				}
				
				that.$u.api.order.user_jylc({
					order_id: row.orderInfo.id,
					join_order_id: row.orderInfo.join_order_id,
				}).then(res => {
					if(res){
						if(res&&res.length!=0){
							that.is_transaction = true
							that.loading_nav = true
						}
						
						if(row.orderInfo.type!='transport'){
							if(res.lists){
								that.nav = JSON.parse(res.lists)
							}
						}
						//循环改变样式
						if(that.nav&&that.nav.length!=0){
							console.log(that.nav)
							that.loading_nav = false
							for(var j=0;j<that.nav.length;j++){
								that.nav_info(that.nav[j],j)
								if(j==0){
									that.jindu = that.nav[0].type
								}
								that.skip_nav(j)
							}
							that.loading_nav = true
							
							if(that.jindu == 'transport'){
								that.transport_flag_show = true
								that.transport_flag=3
							}else if(that.jindu == 'front_transport'){
								that.transport_flag_show = true
								that.transport_flag=0
							}else if(that.jindu == 'after_transport'){
								that.transport_flag_show = true
								that.transport_flag=1
							}else if(that.jindu == 'port_transport'){
								that.transport_flag_show = true
								that.transport_flag=2
							}else if(that.jindu == 'transport_only'&&that.orderDetail.orderInfo.transport_type==0){
								that.transport_flag_show = true
								that.transport_flag=0
							}else if(that.jindu == 'transport_only'&&that.orderDetail.orderInfo.transport_type==1){
								that.transport_flag_show = true
								that.transport_flag=1
							}else if(that.jindu == 'transport_only'&&that.orderDetail.orderInfo.transport_type==2){
								that.transport_flag_show = true
								that.transport_flag=2
							}else if(that.jindu == 'transport_only'&&that.orderDetail.orderInfo.transport_type==3){
								that.transport_flag_show = true
								that.transport_flag=3
							}
							
							
						}
						
					}
				})
			},
			
			
			//跳转导航
			skip_nav(j){
				var that  = this
				var jindu = that.jindu
				
				if(j>=2){
					if(that.nav[j]){
						if(that.nav[j-1].complate==1){
							jindu = that.nav[j].type
						}else{
							if(that.nav[j-2]){
								if(that.nav[j-2].complate==1){
									jindu = that.nav[j-1].type
								}
							}
						}
					}
				}
				if(j==1){
					if(that.nav[j]){
						if(that.nav[j-1].complate==1){
							jindu = that.nav[j].type
						}
					}
				}
				
				that.jindu = jindu
			},
			
			
			
			//合作协议
			agreement() {
				this.xieyi_show = true
				this.hzxy=1
			},
			//关闭合作协议
			guanbi() {
				this.xieyi_show = false
			},
			//即时联系
			lianxi() {
				createC2CConversation(this.cooperation.mobile, this)
			},
			//终止交易
			stopOrder() {
				uni.navigateTo({
					url: '/pages/ordering/stopOrder?join_order_id=' + this.join_order_id
				})
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	@import "@/common/orderDetail.scss";

	.pp_nav_on {
		font-weight: bold !important;
		color: #1C1C1C !important;
		border-bottom: 8rpx solid #FFA45A;
	}

	.pp_index{
		background-color: #cccccc;
		color: #fff;
		border-top-left-radius: 24rpx;
		font-size: 12px;
	}
	.pp_index3{
		background-color: #38de6a;
		color: #fff;
		border-top-left-radius: 24rpx;
		font-size: 12px;
	}
	.pp_index_on{
		background-color: #FFA45A;
		color: #fff;
		border-top-left-radius: 24rpx;
		font-size: 12px;
	}
	.pp_nav_on1 {
		font-weight: bold !important;
		color: #666666 !important;
		border: 8rpx solid #38de6a;
		border-radius: 24rpx;
	}
	.pp_nav_on1 .pp_index3{
		border-top-left-radius: 0rpx !important;
	}
	.pp_nav_on0 .pp_index_on{
		border-top-left-radius: 12rpx !important;
	}
	.modal-background {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.01);
		z-index: 2;
	}
	
	.ru_text{ width: 45% !important; line-height: 25rpx !important; }
</style>